{include file="header.tpl"}
<link href="{$smarty.const.CSS}css.css" type="text/css" rel="stylesheet" />
<style type="text/css">
.Validform_checktip{
	margin-left:8px;
	line-height:20px;
	height:20px;
	overflow:hidden;
	color:#999;
	font-size:12px;
}
.Validform_right{
	color:#71b83d;
	padding-left:20px;
	background:url({$smarty.const.IMAGE}right.png) no-repeat left center;
}
.Validform_wrong{
	color:red;
	padding-left:20px;
	white-space:nowrap;
	background:url({$smarty.const.IMAGE}error.png) no-repeat left center;
}
.Validform_loading{
	padding-left:20px;
	background:url({$smarty.const.IMAGE}onLoad.gif) no-repeat left center;
}
</style>
</head>
<BODY bgcolor="#ffffff">
<form class="registerform" action="reg.php" method="post">
<input type="hidden" name="invitecode" value="{$smarty.get.ic}" />
    <table width="100%" style="table-layout:fixed;">
        <tr>
            <td class="need" style="width:10px;">*</td>
            <td style="width:70px;">用户名：</td>
            <td style="width:205px;"><input type="text" value="" name="username" class="inputxt" datatype="s6-18" ajaxurl="username_check.php" errormsg="用户名至少6个字符,最多18个字符！" /></td>
            <td><div class="Validform_checktip"></div></td>
        </tr>
		<tr>
            <td class="need">*</td>
            <td>密码：</td>
            <td><input type="password" value="" name="userpassword" class="inputxt" datatype="*6-16" nullmsg="请设置密码！" errormsg="密码范围在6~16位之间,不能使用空格！" /></td>
            <td><div class="Validform_checktip">密码范围在6~16位之间,不能使用空格</div></td>
        </tr>
        <tr>
            <td class="need">*</td>
            <td>确认密码：</td>
            <td><input type="password" value="" name="userpassword2" class="inputxt" datatype="*" recheck="userpassword" nullmsg="请再输入一次密码！" errormsg="您两次输入的账号密码不一致！" /></td>
            <td><div class="Validform_checktip">两次输入密码需一致</div></td>
        </tr>
        <tr>
            <td class="need">*</td>
            <td>真实姓名：</td>
            <td><input type="text" value="" name="realname" class="inputxt" datatype="s" errormsg="请输入您的真实姓名！"  /></td>
            <td><div class="Validform_checktip"></div></td>
        </tr>
        <tr>
            <td class="need">*</td>
            <td>手机：</td>
            <td><input type="text" value="" name="phone" class="inputxt" datatype="m" errormsg="请输入您的手机号码！"  /></td>
            <td><div class="Validform_checktip"></div></td>
        </tr>
        <tr>
            <td class="need"></td>
            <td>Email：</td>
            <td><input type="text" value="" name="email" class="inputxt" datatype="e" ignore="ignore" nullmsg="请输入您常用的邮箱！" errormsg="请输入您常用的邮箱！" /></td>
            <td><div class="Validform_checktip">请输入您常用的邮箱</div></td>
        </tr>
        <tr>
            <td class="need"></td>
            <td colspan="3" class="tip">
                <input type="checkbox" class="rt2" name="legal" id="legal" datatype="checkbox" errormsg="阅读并同意会员条款才能进入下一步！" checked /><label for="legal">我已阅读并同意《会员隐私条款》</label>
            </td>
        </tr>
        <tr>
            <td class="need"></td>
            <td></td>
            <td colspan="2" style="padding:10px 0 18px 0;">
                <input type="submit" value="提 交" /> <input type="reset" value="重 置" />
            </td>
        </tr>
    </table>
</form>

<script type="text/javascript" src="{$smarty.const.JS}jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="{$smarty.const.JS}Validform.js"></script>
{literal}
<script type="text/javascript">
$(function(){ 
	//$(".registerform").Validform();  //就这一行代码！下面是演示两种不同的验证效果;
	
	//提示效果一;
	$(".registerform").Validform({ 
		tiptype:2,
		//ajaxurl:"username_check.php",
		
	});
		
	//调取公用方法显示信息提示框，可用于全站统一的弹出框提示效果;
	//$.Showmsg("Test Info here!");  //公用方法显示信息提示框;
	
})
</script>
{/literal}

{include file="footer.tpl"}
